<template>
  <div class="headerWrapper">
    <el-input v-model="data.text" placeholder="Please input"/>
  </div>
</template>

<script lang="ts">
import {
  defineComponent,reactive,toRefs
} from "vue";
export default defineComponent({
  props: {
    outPutHander: {
      type: Function,
      defalut(){}
    }
  },
  setup(props, { attrs, slots, emit }){
    console.log(props,'传递到的增加方法');
    outPutHander() = 
    

    const data = reactive({
      text: '',
      isDone: false
    })

    return {
      data,
    }
  }
});
</script>

<style scoped>
.headerWrapper {
  height: 100px;
}
</style>